<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>案例</title>
</head>
<body>
    <h4>青春不常在，跟对象学习</h4>
    <table width="500" >
       <!-- 第一行 -->
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name="sex" id="nan"><label for="nan"><img src="images/man.jpg"> 男</label>
                <input type="radio" name="sex" id="nv"><label for="nv"><img src="images/women.jpg"> 女</label>

            </td>

        </tr>
        <!-- 第二行 -->
        <tr>
            <td>生日</td>
            <td>
                <select>
                    <option>--请选择年份--</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                </select>
                年
                <select>
                    <option>--请选择月份--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select> 
                月
                <select>
                    <option>--请选择日期--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
                日 
            </td>
        </tr>
        <!-- 第三行 -->
        <tr>
            <td>所在地区</td>
            <td><input type="text" value="心有多大，舞台就有多大"> </td>
        </tr>
        <!-- 第四行 -->
        <tr>
            <td>恋爱状况</td>
            <td>
                <input type="radio" name="a" checked="checked" id="dog"><label for="dog">单身中</label>
                <input type="radio" name="a" id="love"><label for="love">恋爱中</label>
                <input type="radio" name="a" id="notknow"><label for="notknow">迷茫中</label>
            </td>
        </tr>
        <!-- 第五行 -->
        <tr>
            <td>学历</td>
            <td><input type="text" value="幼儿园"></td>
        </tr>
        <!-- 第六行 -->
        <tr>
            <td>兴趣爱好</td>
            <td>
                <input type="checkbox" name="hobby">舞蹈
                <input type="checkbox" name="hobby">绘画
                <input type="checkbox" name="hobby">读书
                <input type="checkbox" name="hobby">音乐
                <input type="checkbox" name="hobby">写作
            </td>
        </tr>
        <!-- 第七行 -->
        <tr>
            <td>自我介绍</td>
            <td><input type="text" value="自我介绍"></td>
        </tr>
        <!-- 第八行 -->
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>
        <!-- 第九行 -->
        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked"> 我同意注册条款和会员加入标准
            </td>
        </tr>
         <!-- 第十行 -->
        <tr>
            <td></td>
            <td>
                <a href="#">我是会员，立即登录</a>
            </td>
        </tr>
        <!-- 第十一行 -->
        <tr>
            <td></td>
            <td>
                <h5>我承诺</h5>
                <ul>
                    <li>年满十八岁</li>
                    <li></li>
                    <li>白首不相离</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>
<!-- 学习资源W3C,MDN网站 -->